<script setup>
const props = defineProps({
	// naryad: Number,
	// sdl: Number,
	// etap: Number,
	item: Object,
	moveTo: Function,
	toNaryad: Function,
	index: Number,
})

const class_one = 'py-1 text-center break-normal border flex flex - col align - items justify - center'
const class_two = 'col-span-2 py-1 text - center break-normal border flex flex - col align - items justify - center'
const class_three = 'col-span-4 items-center break-normal border flex flex - col align - items justify - center'
const class_six = 'py-1 font-mono text-center break-normal border flex flex - col align - items justify - center'
const class_seven = 'py-1 col-span-3 text-center break-words border flex flex - col align - items justify - center'

</script>
<template>
	<div class="col-span-4 items-center break-normal border flex flex-col align-items justify-center">
		<div class="flex gap-4">
			<div v-if="item.sdl_etap.sdl === 35 && item.id_etap > 1" class="tooltip" data-tip="Передать врачу">
				<div @click="moveTo(item.id, 1, index)" class="rounded mx-1 hover:bg-primary">
					<UTooltip text="Передать врачу">
						<NaryadListMoveDoc />
					</UTooltip>
				</div>
			</div>
			<div v-if="item.sdl_etap.sdl !== 35 && item.id_etap > 1" class="tooltip" data-tip="Передать зубному технику">
				<div @click="moveTo(item.id, 35, index)" class="rounded mx-1 hover:bg-primary">
					<UTooltip text="Передать зубному технику">
						<NaryadListMoveTech />
					</UTooltip>
				</div>
			</div>
			<div v-if="item.id_etap === 0" class="tooltip" data-tip="Передать зубному технику">
				<div @click="toNaryad(index, item.id)" class="rounded mx-1 hover:bg-primary">
					<UTooltip text="Передать зубному технику">
						<NaryadListMoveTech />
					</UTooltip>
				</div>
			</div>
			<div v-if="item.sdl_etap.sdl === 35 && item.id_etap > 1" class="tooltip" data-tip="Передать Полировщику">
				<div @click="moveTo(item.id, 36, index)" class="rounded mx-1 hover:bg-primary">
					<UTooltip text="Передать Полировщику">
						<NaryadListMovePol />
					</UTooltip>
				</div>
			</div>
			<div v-if="item.sdl_etap.sdl === 35 && item.id_etap > 1" class="tooltip" data-tip="Передать литейщику">
				<div @click="moveTo(item.id, 37, index)" class="rounded mx-1 hover:bg-primary">
					<NaryadListMoveLit></NaryadListMoveLit>
				</div>
			</div>
			<div v-if="item.sdl_etap.sdl === 35 && item.id_etap > 1" class="tooltip" data-tip="Передать оператору CAD/CAM">
				<div @click="moveTo(item.id, 38, index)" class="rounded mx-1 hover:bg-primary">
					<NaryadListMoveCad></NaryadListMoveCad>
				</div>
			</div>
		</div>
	</div>
</template>